import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import viteSvgIcons from 'vite-plugin-svg-icons'

import postCssPxToRem from 'postcss-pxtorem'

// https://vitejs.dev/config/
export default defineConfig({
  base: './',
  plugins: [
    vue(),
    viteSvgIcons({
      iconDirs: [path.resolve(process.cwd(), 'src/icons')],
      symbolId: 'mb-icon-[name]',
    }),
  ],
  // 配置前端服务地址和端口
  server: {
    host: '0.0.0.0',
    port: 8991,
    // 是否开启 https
    https: false,
  },
  resolve: {
    extensions: ['.vue', '.json', '.js'],
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
  // css: {
  //   //去除@charset UTF-8规则影响
  //   postcss: {
  //     plugins: [
  //       {
  //         postcssPlugin: 'internal:charset-removal',
  //         AtRule: {
  //           charset: (atRule) => {
  //             if (atRule.name === 'charset') {
  //               atRule.remove()
  //             }
  //           },
  //         },
  //       },
  //       postCssPxToRem({
  //         rootValue: 37.5, // 设计图最大宽度除以10  //比如750的宽就写成75  我这边是375的宽
  //         propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
  //       }),
  //     ],
  //   },
  // },
  build: {
    chunkSizeWarningLimit: 8000,
    rollupOptions: {
      output: {
        manualChunks(id) {
          if (id.includes('element-plus') || id.includes('bootstrap')) {
            return; //不打入这俩个文件相关的东西
          }
        },
      },
    },
  },
})
